<template>
<div class="table">
  <el-table :data="tableData" stripe style="width: 100%" :header-cell-style="{ background: '#F3E3E4' }">
    <el-table-column prop="book" label="书号" width="140">
    </el-table-column>
    <el-table-column prop="name" label="书名"> </el-table-column>
    <el-table-column prop="author" label="作者"> </el-table-column>
    <el-table-column prop="semester" label="学期"> </el-table-column>
    <el-table-column prop="faculty" label="院系"> </el-table-column>
    <el-table-column prop="subject" label="学科"> </el-table-column>
    <el-table-column prop="grade" label="班级" width="100">
    </el-table-column>
    <el-table-column prop="distribution" label="分配数量">
    </el-table-column>
    <el-table-column prop="surplus" label="剩余数量"> </el-table-column>
    <el-table-column prop="gross" label="图书总数量"> </el-table-column>
  </el-table>
</div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
          book: '454361545556          ',
          name: '书海五位',
          author: '郭德纲',
          semester: '上学期',
          faculty: '文学院',
          subject: '语文',
          grade: '一年级五班',
          distribution: '12',
          surplus: '9',
          gross: '20'
        },
        {
          book: '454361545556          ',
          name: '书海五位',
          author: '郭德纲',
          semester: '上学期',
          faculty: '文学院',
          subject: '语文',
          grade: '一年级五班',
          distribution: '12',
          surplus: '9',
          gross: '20'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.table {
  margin-top: 15px;
}
</style>
